<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>成都市12345话务接电系统</title>
    <meta name="description" content="成都市12345话务接电系统">
    <link  th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link  th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link  th:href="@{/css/style.css}" rel="stylesheet"/>
    <link  th:href="@{/css/login.css}" rel="stylesheet"/>
    <link  th:href="@{/common/css/hm-ui.css?v=4.6.2}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon"  th:href="@{favicon.ico}"/>
    <style type="text/css">
        label.error {
            position: inherit;
        }
        .btn-success,#tnoBtn{
            background-color: #266fe4;
            border-color: #266fe4;
        }
        .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
            background-color: #266fe4;
            border-color: #266fe4;
        }
    </style>
    <script>
        if (window.top !== window.self) {
            alert('未登录或登录超时。请重新登录');
            window.top.location = window.location
        };
        function equipmentClick(val) {
            document.getElementById("flagInt").value=val;
        }
        function getRandomTelNo() {
            var config = {
                url: ctx+"tno/getRandomTelNo",
                type: "post",
                success: function (data) {
                    $('#txtSubTel').val(data)
                }
            };
            $.ajax(config);
        }
    </script>
</head>
<body class="signin">
<div class="signinpanel">
    <div style="position: absolute;top: 0;left: 0;">
        <img th:src="@{/img/tuoyuan.png}">
    </div>
    <div style="position: absolute;right: 0;bottom: 0;">
        <img th:src="@{/img/chengshi.png}">
    </div>
    <div class="row">
        <div class="col-sm-offset-3 col-sm-6" style="position: absolute;top: 10px;left: 150px;margin-left: 0px;width: 450px">
            <div class="loginContent" style="display: inline;">
                <form id="signupForm" autocomplete="off">
                    <div class="loginTitle">
                        <h2><strong>成都12345热线平台</strong></h2>
                    </div>
                    <input type="hidden" th:value="${session.publicKey}" name="publicKey" id="publicKey">
                    <input type="text" name="username" class="form-control uname" placeholder="用户名" value="" style="height: 43px !important;"/>
                    <input type="password" name="password" class="form-control pword" placeholder="密码" autocomplete="new-password" value="" style="height: 43px !important;"/>
                    <input type="tel" name="phonenumber" class="form-control phoneIcon" placeholder="手机号码" autocomplete="new-password" value="" style="height: 43px !important;"/>
                    <div style="margin-top: 15px;overflow: hidden">
                        <div style="float: left;padding-right: 15px;">
                            <input type="text" name="smsCode" class="form-control smscode" placeholder="手机验证码" style="height: 43px !important;width: 150px;margin-bottom: 0;" maxlength="6"/>
                        </div>
                        <div style="float: left; height: 43px;">
                            <button type="button" id="smsCode" onclick="getSmsCode('login')" class="btn btn-primary" style="margin-top: 4px;width: 128px;">点击获取验证码</button>
                        </div>
                    </div>
                    <div th:if="${captchaEnabled==true}" style="margin-top: 15px;overflow: hidden">
                        <div style="float: left;padding-right: 15px;">
                            <input type="text" name="validateCode" class="form-control code" placeholder="图型验证码" style="height: 43px !important;width: 150px;margin-bottom: 0;"
                                   maxlength="5"/>
                        </div>
                        <div style="float: left; height: 43px;">
                            <a href="javascript:void(0);" title="点击更换验证码">
                                <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" style="height:43px;width:128px;" />
                            </a>
                        </div>
                    </div>
                    <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍候..." style="height: 43px !important;">登录</button>
                    <div style="margin-top: 10px;">
                        <a data-toggle="modal" data-target="#searchPwd-window" onclick="forgetPwd()">忘记密码？</a>
                    </div>
                    <div class="signup-footer" style="    padding-top: 5rem;display: flex;flex-direction: column;align-items: center;">
                        <div style="text-align: center;width: 500px;color: #1a1a1a">
                            [[${copyrightYear}]]<br>
                        </div>
                    </div>
                    <input type="hidden" id="toAct" name="modAct" value="0" />
                </form>
            </div>
            <div class="resetPassword" style="display: none;">
                <form id="resetPassword" autocomplete="off">
                    <div class="loginTitle">
                        <h2><strong>找回密码</strong></h2>
                    </div>
                    <input type="text" id="signInNo" name="signInNo" class="form-control uname" placeholder="用户名" value="" onchange="checkSignInNo()" style="height: 43px !important;"/>
                    <input type="tel" id="userMobile" name="userMobile" class="form-control phoneIcon" placeholder="手机号码" onchange="checkUserMobile()" autocomplete="new-password" value="" style="height: 43px !important;"/>
                    <div style="margin-top: 15px;overflow: hidden">
                        <div style="float: left;padding-right: 15px;">
                            <input type="text" name="userCode" class="form-control smscode" placeholder="手机验证码" style="height: 43px !important;width: 150px;margin-bottom: 0;" maxlength="6"/>
                        </div>
                        <div style="float: left; height: 43px;">
                            <button type="button" onclick="getSmsCode('reset')" class="btn btn-primary smsCode" style="margin-top: 4px;width: 128px;">点击获取验证码</button>
                        </div>
                    </div>
                    <div style="overflow: hidden">
                        <a class="btn btn-success btn-block" id="lastStep" style="width:100px;height: 43px !important;margin-top: 30px;float: left;display: block; text-align: center;line-height: 30px;" href="javascript:void(0);">返回</a>
                        <button class="btn btn-success btn-block" id="nextStep" data-loading="验证中，请稍候..." style="width:250px;height: 43px !important;margin: 30px 0 0 10px;float: left;">下一步</button>
                    </div>
                    <div class="signup-footer" style="    padding-top: 5rem;display: flex;flex-direction: column;align-items: center;">
                        <div style="text-align: center;width: 500px;color: #1a1a1a">
                            [[${copyrightYear}]]<br>
                        </div>
                    </div>
                </form>
            </div>
            <div class="renewPassword" style="display: none;">
                <form id="renewPassword" autocomplete="off">
                    <div class="loginTitle">
                        <h2><strong>找回密码</strong></h2>
                    </div>
                    <input type="password" id="newPwd1" onfocus="setError()" name="newPwd1" class="form-control" placeholder="请输入新密码" autocomplete="new-password" value="" style="height: 43px !important;color: #333;"/>
                    <input type="password" id="newPwd2" onfocus="setError()" name="newPwd2" class="form-control" placeholder="请再次输入新密码" autocomplete="new-password" value="" style="height: 43px !important;color: #333;"/>
                    <button class="btn btn-success btn-block" id="affirm" data-loading="修改中，请稍候..." style="height: 43px !important;">确认修改</button>
                    <div class="signup-footer" style="    padding-top: 5rem;display: flex;flex-direction: column;align-items: center;">
                        <div style="text-align: center;width: 500px;color: #1a1a1a">
                            [[${copyrightYear}]]<br>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!--[if lte IE 8]><script>window.location.href=ctx+'html/ie.html';</script><![endif]-->
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/common/js/hm-ui.js?v=4.6.2}"></script>
<script th:src="@{/common/login2.js}"></script>
<script th:src="@{/common/jsencrypt.js}"></script>
</body>
</html>
